/* @START Header section */
#header {
	background-color: #FEFEFE;
	height: 40px;
	text-align: center;
}

.clear_block {
	display: block;
}

.right {
	float: right;	
}

.left {
	float: left;
}

#headerTop {
	background: url("../images/menubarbg.png") repeat-x scroll left top transparent;
	height: 40px;
}

.container {
	margin: 0 auto;
	width: 980px;
}

#logo {
	height: 30px;
	width: 180px;
	float: left;
	background: url(../images/athena_clinic_logo.png) center left no-repeat;
}

#headerTop ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#headerTop li {
	float:left;
	margin-right:2px;
}

#headerTop li.spacer {
	display:none;
	height:0;
	margin:0;
	width:0;
}

#headerTop li a {
	color: #111;
	display: block;
	font-size: 11px;
	line-height: 35px;
	padding: 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#headerTop li a:hover, #headerTop li.active a {
	color: #0983D1;
}

#searchBox {
	margin-top: 4px;
}

.form_item {
	display:inline;
	margin-bottom:1em;
	margin-top:0;
	padding:0;
}

input.form_text {
	background: #FFF url(../images/search-area-bg.gif) no-repeat scroll right center;
	border: 1px solid #BBB;
	color: #333333;
	float: left;
	font-size: 11px;
	height: 20px;
	width: 180px;
}
/* @END Header section*/

/* @START Footer section */
#footer	{
	color: #8B8B8B;
	text-align: center;
	height: 70px;
	padding-top: 7px;
	border-top: 1px solid #EEE;
	font-size: 11px;
}

#footer  a {
	color: #8B8B8B;
	text-decoration: none;
}
/* @END Footer section */

/* @START Quick utility navigation section */
#quickNav {
	position: fixed;
	height: 30px;
	text-align: center;
	bottom: 0px;
	width: 100%;
	z-index: 99;
}

#utilityNav {
	background: url(../images/quick_nav_bg.png) top left repeat-x;
	margin-left: 15px;
	margin-right: 15px;
	border-top: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	position: relative;
	height: 30px;
}

#utilityNav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#quickNav li {
	float:left;
	border-right: 1px solid #CCC;
}

#quickNav li.spacer {
	display:none;
	height:0;
	margin:0;
	width:0;
}

#quickNav li a {
	border-left: 1px solid #FEFEFE;
	border-right: 1px solid #EEE;
	color: #333;
	display:block;
	font-size:11px;
	line-height:30px;
	padding:0 10px;
	text-decoration:none;
}

#quickNav li a:hover, #quickNav li.active a {
	background-color: #B5B5B5;
	color: #FFFFFF;
	border: 1px solid #F8F8F8;
}

#listSubmenuContainer {
	position: fixed;
	bottom: 30px;
	left: 15px;
	width: 150px;	
}
	
#listSubmenuNav {	
	background: #F5F5F5;
	border-left: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;		
	text-align: left;
}
		
ul.listSubmenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
ul.listSubmenu li {
	border-right: none !important;
	border-top: 1px solid #B5B5B5;
	float: none !important;		
}

ul.listSubmenu li a {
	border-left: 1px solid #FEFEFE !important;
	border-top: 1px solid #FEFEFE !important;
	border-right: 1px solid #FEFEFE !important;
	border-bottom: none !important;		
}

ul.listSubmenu li a:hover {
	border-left: 1px solid #FEFEFE !important;
	border-top: 1px solid #FEFEFE !important;
	border-right:  1px solid #FEFEFE !important;
	border-bottom: none !important;
}

/* @END Quick utility navigation section*/

/* Link style */
a.imgBtn:hover {
	background: none;
	cursor: pointer;
}

/* Content layout */

/* Grid table */
/* @Diep: update CSS */
table.grid {
	padding: 0;
	margin: 0;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: none;
}

/* @Diep: update CSS */
table.grid  th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #01155C;
	border-bottom: 1px solid #B5B5B5;
	text-align: left;
	padding: 10px 5px;
	height: 17px;
	background: #E7E7E7 url(../images/tbl_header.png) top left repeat-x;
	text-transform: uppercase; 
}

table.grid th.header { 
    cursor: pointer; 
}

table.grid th.headerSortUp { 
    background: #CCCCCC url(../images/asc.png) top right no-repeat !important;
}

table.grid th.headerSortDown { 
    background: #CCCCCC url(../images/desc.png) top right no-repeat !important;
} 

/* @Diep: update CSS */
table.grid td {
	border-top: 1px solid #FEFEFE;
	border-bottom: 1px solid #D0D0D0;
	background-color: #F8F8F8;
	padding: 10px 5px;
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

table.grid tr.last td {
	border-bottom: 1px solid #BBB;
}

table.grid tr:hover td {
	/*background-color: #DDD;*/
}

table.grid td.form_label {
	text-align: right;
	color: #3B87C5;
	padding-right: 10px;
}

table.grid td.form_input {
	background-color: #F8F8F8;
}

table.grid td a {
	color: green;
	text-decoration: none;
}

table.grid tr.impressive td{
	background: silver;
}

table.grid td.action, table td.action {
	text-align: center !important;
}

table.grid td.normal {
	background-color: #00FA9A;
	color: white;
}

table.grid td.warning {
	background-color: #FFA500;
	color: white;
}

table.grid td.urgent {
	background-color: #FF4500;
	color: white;
}

table.grid tr.alt td.urgent {
	background-color: 	#FF4500;
}

/* ppdong 2010-04-01 */
table.grid td.group_title {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;	
}

table.grid tr.last_row td {
	background: #F5F5F5;
}

table.grid tr.no_border td {
	border: none;
}

table.grid .remark{
	text-decoration: none;
	color: #A70303;
}

.remark{
	text-decoration: none;
	color: #A70303;
}

table.grid a:hover {
	color: #0635FF;
}

table.grid tr.foot td {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #405B62;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	text-align: left;
	padding: 5px;
	background: #CAE8EA url(images/bg_footer.png) no-repeat;
}

table.inline {
	background: none;
}

table.inline th {
	background: #F2F2F2;
	border: 1px solid #E2E2E2;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	height: 17px;
	line-height: normal;
	padding: 10px 5px;
	text-align: left;
	text-transform: uppercase;
}

table.inline td {
	border: none;
	text-align: left;
	padding: 5px;
	font-size: 11px;
	background: none;
}

table.inline td.field {
	color: #000;
}

hr {
	border-top: 1px solid #CCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

div.queue {
	margin-top: 10px;
}

div.form_container {
	background: #F8F8F8;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #BBB #AAA #AAA #BBB;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
}

div.form_container a {
	text-decoration: none;
	font-weight: bold;
	color: #25A7DD
}

div.form_container a.active {
	text-decoration: none;
	color: #A70303;
}

div.form_container2 {
	padding: 10px;
}

div.module_content table td,
div.form_container table td,
div.form_container2 table td {
	padding: 5px;
	vertical-align: top;
}

div.module_content table td.label,
div.form_container table td.label,
div.form_container2 table td.label {
	font-weight: bold;
	color: #3B87C5;
}

div.module_content table td.field,
div.form_container table td.field,
div.form_container  span.field,
div.form_container2 table td.field {
	font-weight: bold;
	color: #565B5E;
}

div.module_content table td.btn,
div.form_container table td.btn,
div.form_container table td.btn {
	vertical-align: middle;
	text-align: center;
}

span.label, label.label, table td.label {
	font-weight: bold;
	color: #3B87C5;
}

span.label a {
	text-decoration: none;
}

.nav_left {
	background: url(../images/nav_left.png) top left no-repeat;
	padding: 0px 0px 0px 5px;
}

.nav_right {
	background: url(../images/nav_right.png) top right no-repeat;
	padding: 0px 5px 0px 0px;
}

.nav_bg {
	background: url(../images/nav_bg.png) top left repeat-x;
	height: 25px;
	padding-top: 5px;
	text-align: center;
}

.nav_bg a {
	text-decoration: none;
	font-weight: bold;
	padding: 2px 20px 0px 10px;
	color: #25A7DD;
	font: 12px;
	background: url(../images/nav_separator.png) top right no-repeat;
}

.nav_bg a.last {
	background: none;
}

.nav_bg a.active {
	color: #08C430;
	text-decoration: underline;
}

.separator {
	height: 5px;
}

.patientInfo {
	background: #F8F8F8;
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}

.patientInfo span {
	font-weight: bold;
	color: #08A0C2;
}

span.greenInfo {
	text-transform: uppercase;
	color: #54BF04;
	font-size: 14px;
}

span.redInfo{
	color: #FF0000;
	font-size: 14px;
}

/* @Diep: update CSS */
.documentListHeader {
	background: #F2F2F2 url(../images/arrow_right.png) no-repeat scroll left top;
	border: 1px solid #EAEAEA;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

/* @Diep: update CSS */
.documentListHeader span{
	color: #333;
}

.documentList {
	background: #FFF;
	padding: 0px;
	border: 1px solid #EEE;
}

.documentList table {
	padding: 0px;
	margin: 0px;
	background: none;
}

.documentList table td {
	height: 30px;
	padding: 5px 5px 5px 25px;
	background: url(../images/service_ticket.png) bottom left no-repeat;
}

.documentList table td.empty {
	background: none;
}

.documentList table tr.alt td.a {
	color: #25A7DD; 
}

.documentList table td a {
	text-decoration: none;
	font-weight: bold;
	color: #595959;
}

.documentList table td a:hover {
	color: #54BF04;
	background: none;
}

.contentLink {
	text-decoration: none;
}

.contentLink:hover {
	background: none;
}

.contentLink span {
	font-weight: bold;
	color: #25A7DD;
}

.contentLink:hover span {
	color: #54BF04;
}

table.subNavigator {
	padding: 0px;
	margin: 0px;
	border: 1px solid #AAA;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
}

table.subNavigator td {
	font-size: 11px;
	height: 33px;
	vertical-align: middle;
	background: #E6E6E6 url(../images/third_lv_bg.png) top left repeat-x;
	border-right: 1px solid #BBB;
	text-align: center;
	text-transform: uppercase;
	width: 20%;
}

table.subNavigator td.last {
	border-right: none;
}

table.subNavigator td.active {
	background: #CFCFCF url(../images/third_lv_bg_active.png) top left repeat-x;
}

table.subNavigator td a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

table.subNavigator td.active a {
	color: #000;
	text-decoration: underline;
}

table.subNavigator td a:hover {
	background: none;
}

table.details {
	margin-top: 10px;
}

table.details td {
	vertical-align: top;
	text-align: left;
	padding: 5px;
	font-weight: bold;
	color: #25A7DD;
}

table.details_noalign td.label {
	padding-right: 15px;
}
table.details_noalign {
	margin-top: 10px;
}

table.details_noalign td {
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
	color: #25A7DD;
}

table.details td.label {
	padding-right: 15px;
}

div.messageAlert {
	margin-top: 2px;
	margin-right: 5px;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 44px;
	background: url(../images/msg_alert.png) bottom left no-repeat;
	display: none;
	padding: 3px 5px;;
	z-index: 1000;
}

div.messageAlert a {
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

div.module {
	background:transparent url(../images/module_content.png) repeat-y scroll 0;
	margin:0 0 5px;
}

div.module h1 {
	background: transparent url(../images/module_header.png) no-repeat scroll 0;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px 0 0 8px;
	text-transform: uppercase;
	margin: 0px;
}

div.module_content {
	margin: 0 4px;
	padding: 0px 4px;
}

div.module div.button_bar {
	background: transparent url(../images/module_footer.png) no-repeat scroll 0 bottom;
	clear: both;
	height: 15px;
}

div#body div.module,
div#body div.module h1 {
	background-position: -249px 0;
}

div#body div.module div.button_bar {
	background-position: -249px bottom;
}

ul.reportResult {
	list-style: none;
	color: #005D8E;
	padding-left: 20px;
}

ul.reportResult li {
	color: #5499BD;
}

ul.icd10 {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.icd10 li {
	color: #555;
	padding: 5px 20px 5px 10px;
	border-top:1px solid #D0D0D0;
	border-bottom:1px solid #F4F4F4;
	/*background: url(../images/arrow_circle.png) center right no-repeat;*/
}

ul.icd10 li:first-child {
	border-top: none;
}

ul.icd10 li:hover {
	background-color: #CCC;
	color: #222;
	cursor: pointer;
	font-weight: bold;
}

ul.icd10 li.active {
	background-color: #CCC;
	color: #222;
	font-weight: bold;
}

table.icd10Selector {
	width: 100%;
	background: #ECECEC;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}

table.icd10Selector td {
	color: #444;
	vertical-align: top;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	text-align: left;
}

table.icd10Selector th {
	text-align: left;
	font-weight: bold;
	padding: 5px;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
}

table#msgNav {
	padding: 0px;
	margin: 0px;
}

table#msgNav td {
	text-align: center;
	width: 64px;
	height: 32px;
}

table#msgNav td.active {
	background-color: #EEE;
}

div.msgWarning {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 7px;
	height: 25px;
	width: 70px;
	background: url(../images/new.png) top right no-repeat;
	padding-top: 10px;
	text-align: center;
	cursor: pointer;
}

div.msgWarning span {
	font-weight: bold;
	color: red;
}

/*  @JQUERY SCROLLABLE PLUGIN
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 660px;	
	height:216px;
	/* custom decorations */
	padding:2px;	
	border:1px solid #ccc;
	background-color:#efefef;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;
	/* decoration */
	margin-left:2px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:center;
	width: 150px;
	padding:2px 2px 0px 2px;
	font-size:12px;
	border:1px solid #ccc;
	background-color: #ddd;
	margin-right: 10px;	
}

/* active item */
div.scrollable div.items div.active {
	border:1px solid #ccc;		
	background-color:#f8f8f8;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/scroll_left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/scroll_right.png);
	clear:right;	
}

/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:auto;
	height:20px;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/scroll_navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}

#favouriteList div {
	padding: 2px 2px 0px 2px;
	border: 1px solid #EEE;
	margin-right: 5px;
	background-color: #F5F5F5;
	text-align: center;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #EEE;
	background-color: #F8F8F8;
	padding: 5px;
	opacity: 1;
}
#tooltip h3, #tooltip div { margin: 0; }

.myMsg {
	color: #08C430;
	font-weight: bold;
}

.otherMsg {
	color: #25A7DD;
	font-weight: bold;
}

.outbox_reply {
	display: none;
}

/* @new CSS */
#bodyWrapper {
	text-align:center;
}

#bodyContainer {
	margin:0 auto;
	min-height:400px;
	padding:5px 0px 30px 0px;
	position:relative;
	text-align:left;
	width:980px;
}

.filter_container {
	background:#F2F2F2;
	border:1px solid #E2E2E2;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
}

caption, div.section_header {
	padding: 10px;
	border:1px solid #E2E2E2;
	background: #F2F2F2 url(../images/arrow_right.png) top left no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

caption, div.section_header table td {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

div.section_header table td a {
	color: green;
	text-decoration: none;
	text-transform: none;
}

table.dialogTable {
	background: none;
}

table.dialogTable td {
	background: none;
	padding: 5px;
	border: none;
}

table.dialogTable td:hover {
	background: none;
}

.lab_grid {
    border:0 solid #EEEEEE;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    overflow:hidden;
    position:relative;
}

.lab_grid div.h_div {
    background:#FAFAFA url(../images/lab_grid_header.gif) repeat-x scroll center bottom;
    border-color:#CCCCCC #CCCCCC -moz-use-text-color;
    border-style:solid solid none;
    border-width:1px 1px 0;
    overflow:hidden;
    position:relative;
}

.lab_grid div.b_div {
    background:#FFFFFF none repeat scroll 0;
    border-color:-moz-use-text-color #CCCCCC #CCCCCC;
    border-style:none solid solid;
    border-width:0 1px 1px;
    overflow:auto;
    position:relative;
}

.lab_grid div.h_div table {

}

.lab_grid div.h_div th {
    font-weight: bold;
    overflow:hidden;
    white-space:nowrap;
}

.lab_grid div.h_div th, .lab_grid div.b_div td {
    border-right:1px solid #DDDDDD;
    font-size: 12px;
    padding: 5px;
    overflow:hidden;
    text-align:left;
    vertical-align:top !important;
}

.lab_grid div.h_div th.last, .lab_grid div.b_div td.last {
    border-right:none;
}

.lab_grid div.b_div td {
    vertical-align:top;
    white-space:nowrap;
}

.group_header {
    background: transparent url(../images/arrow_right_20_20.png) center left no-repeat;
    padding: 6px 5px 6px 25px;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    background-color: #F2F2F2;
    color: #11B604;
}

.lab_grid div.b_div tr.alt td  {
    background-color: #F7F7F7;
}

div.upload_panel {
    padding: 10px;
    border:1px solid #E2E2E2;
    background: #F2F2F2;
    text-align: left;
}

.report_content {
	border: 1px solid #DDD;
	background: #FAFAFA;
	padding: 10px;
}

div.thumbnail_wrapper {
    background-color: #FEFEFE;
    border: 1px solid #EEE;
    padding-top: 5px;
}

.group_title {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0px;
}

.total_table td {
	background: none;
	text-align: right;
	border: none;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	padding:10px 5px;
	text-transform: uppercase;
}

.centerContent {
	display: block;
	float: left;
	margin-left: 5px;
	width: 770px;
}

.leftColumn {
	float: left;
	width: 205px;
}

.leftModule {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.module_header {
	height: 33px;
	padding: 0px 5px;
	background: #E7E7E7 url(../images/tbl_header.png) top left repeat-x;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.title {
	float: left;
	width: 160px;
	height: 33px;
	line-height: 33px;
}

.refresh {
	background: url(../images/refresh_small.png) center right no-repeat;
	width: 30px;
	float: right;
	height: 33px;
}

.small_ajax_loader {
	background: url(../images/ajax-loader-small.gif) center right no-repeat;
	display: none;	
	cursor: pointer;
	height: 16px;
	width: 20px;
	float: right;	
}

.module_item {
	height: 34px;
	padding: 0px 5px;
	background: #FEFEFE;
	font-size: 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}

.module_item:hover {
	background: #EEE;
}

.module_item div {
	height: 17px;
	line-height: 17px;
}

.queue_paging {
	height: 25px;
	line-height: 25px;
	background: #FEFEFE;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	text-align: center;
}

.queue_paging a {
	font-size: 10px;
	text-decoration: none;
	padding-left: 5px;
	color: #999;
}

.queue_paging a.active {
	font-weight: bold;
	color: #000;
}

.patient_name {
	border: 1px solid #CCC;
	background-color: #FEFEFE;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px;
}

/* @TODO OBSOLETE */
.moduleHeader {
	width: 100%;
	border-bottom: 1px solid #EEE;
}

.moduleHeader td {
	padding: 5px;
}

.ticketItemTable td {
	font-size: 10px;
	padding: 5px 2px;
}

#ticketItemListDiv .active {
    font-weight: bold;
    color: #AB242F; 
}

/* @group Loading Indicator */
.modalOverlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 99999;
}
.opacityOverlay {
	overflow: hidden;
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}
.ajaxloader{
	background: #666666;
	width: 120px;
	height: 76px;
	text-align: center;
	opacity: .75;
	filter: alpha(opacity = 75);
	padding-top: 44px;
	position: absolute;
	top: 30%;
	left: 50%;
	 /*--Top right rounded corner--*/
	-moz-border-radius-topright: 25px;
	-khtml-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 25px;
	-khtml-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
	 /*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 25px;
	-khtml-border-radius-bottomright: 25px;
	-webkit-border-bottom-right-radius: 25px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 25px;
	-khtml-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
}
/* @end */


#doctorGuide {
	background: url(../images/transparent_1.png) left top no-repeat;
	height: 300px;
	padding: 30px 40px;
	color: #FFF;
}


a.button_bar {
    background: transparent url(../images/module_bar.png) repeat-x scroll 0 0;
    border: 1px solid #ADB9C2;
    color: #00476F !important;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    margin: 0px;
    text-align: center;
    width: 200px;
    text-transform: none;
    text-decoration: none;
    -moz-box-shadow: 0 0 3px #AAA;
    -webkit-box-shadow: 0 0 3px #AAA;
}

a.cta {
    background-position: 0 -21;
    border: 1px solid #DEA303;
    color: #7C5A00 !important;
}

a.bbt {
    border-right: none;
    border-bottom: none;
}

/* @GROUP New Form Style With Div */
.form_header {
	height: 17px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #01155C;
	border: 1px solid #B5B5B5;
	border-bottom: none;
	text-align: left;
	padding: 10px 5px;
	height: 17px;
	background: #E7E7E7 url(../images/tbl_header.png) top left repeat-x;
	text-transform: uppercase; 
}

.field-label {
	height: 30px;
	line-height: 30px;
	float: left;
	width: 150px;
	font-weight: bold;
	color: #3B87C5;
}

.add-patient-label {
	text-align: right;
	padding-right: 10px;
	height: 40px !important;
	line-height: 40px !important;
}

.field-value {
	height: 30px;
	line-height: 30px;
	float: left;
}

.add-patient-value {
	padding-right: 5px;
	height: 40px !important;
	line-height: 40px !important;
}

.field-row {
	height: 30px;
	line-height: 30px;
}

.add-patient-row {
	height: 40px !important;
	line-height: 40px !important;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #FEFEFE;
}

.normal-yes{
	width: 140px;
	height: 30px;
	background: url(../images/normal-yes.png) center center no-repeat;
}

.normal-no{
	width: 140px;
	height: 30px;
	background: url(../images/normal-no.png) center center no-repeat;
}

/* @END GROUP New Form Style With Div */

/* @GROUP Tooth */
#upperTeethAdult, #lowerTeethAdult, #upperTeethChild, #lowerTeethChild {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ui-selecting { background-color: #E0E0E0; }
.ui-selected { background-color: #EEE; }

.tooth {
	float: left;
	width: 30px;
	height: 50px;
	background-color: #EEE;
	line-height: 50px;
	text-align: center;
	font-size: 1.4em;
	cursor: pointer;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

li.tooth:hover {
	background-color: #CCC;
}

.upper {
	border-bottom: 1px solid #BBB;
}

.lower {
	border-top: none;
}

.tool-bar {
	position: relative;
	width: 200px;
	z-index: 200;
	display: none;
	padding-top: 3px;
	left: -90px;
	top: 0px;
	background: transparent;
}

.tool-bar-content {
	border: 1px solid #AAA;
	background: #FEFEFE;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	padding: 10px;
}

.tool-bar-content a {
	font-weight: normal !important;
	font-size: 11px;
}

.tooth-status-btn-clear {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE;
}

.tooth-status-btn-0 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-empty-20.png) center center no-repeat;
}

.tooth-status-btn-1 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-can-20.png) center center no-repeat;
}

.tooth-status-btn-2 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-nho-20.png) center center no-repeat;
}

.tooth-status-btn-3 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-problem-20.png) center center no-repeat;
}

.tooth-status-btn-4 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-problem-lft-20.png) center center no-repeat;
}

.tooth-status-btn-5 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-problem-rgt-20.png) center center no-repeat;
}

.tooth-status-btn-6 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-problem-top-20.png) center center no-repeat;
}

.tooth-status-btn-7 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-problem-bot-20.png) center center no-repeat;
}

.tooth-status-btn-8 {
	float: left;
	height: 20px;
	width: 20px;
	background: #EEE url(../images/tooth-problem-mid-20.png) center center no-repeat;
}

.tooth-loading {
	float: left;
	height: 20px;
	width: 20px;
	background: url(../images/ajax-loader-small.gif) center center no-repeat;
}

.tooth-status {
	height: 100%;
	width: 100%;
	position: absolute;
}

.tooth-status-0 {
	background: transparent url(../images/tooth-empty.png) center center no-repeat;
}

.tooth-status-1 {
	background: transparent url(../images/tooth-can.png) center center no-repeat;
}

.tooth-status-2 {
	background: transparent url(../images/tooth-nho.png) center center no-repeat;
}

.tooth-status-3 {
	background: transparent url(../images/tooth-problem.png) center center no-repeat;
}

.tooth-status-4 {
	background: transparent url(../images/tooth-problem-lft.png) center center no-repeat;
}

.tooth-status-5 {
	background: transparent url(../images/tooth-problem-rgt.png) center center no-repeat;
}

.tooth-status-6 {
	background: transparent url(../images/tooth-problem-top.png) center center no-repeat;
}

.tooth-status-7 {
	background: transparent url(../images/tooth-problem-bot.png) center center no-repeat;
}

.tooth-status-8 {
	background: transparent url(../images/tooth-problem-mid.png) center center no-repeat;
}

.note {
	padding-top: 10px;
	clear: both;
	text-align: right;
}

.tooth-bridge-0-top {
	border-top: 2px solid transparent;
}

.tooth-bridge-1-top {
	border-top: 2px solid red;
}

.tooth-bridge-0-bottom {
	border-bottom: 2px solid transparent;
}

.tooth-bridge-1-bottom {
	border-bottom: 2px solid red;
}

.tooth-note {
	display: none;
}
/* @END GROUP Tooth */

.doctor-intro {
	margin: 5px;
	padding: 15px;
	border: 1px solid #DDD;
	background: #FEFEFE;
	font-size: 18px;
	color: #333;
	text-align: center;
}

/* @GROUP Override the modal layout */
.custom-dialog {
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-box-shadow:0 0 20px #333;
	-webkit-box-shadow:0 0 20px #333;
	overflow: visible !important;
}

.custom-dialog .ui-widget-header {
	background: none !important;
	border: none !important;
}

.custom-dialog .ui-dialog-buttonpane {
	border-top: none !important;
}

.custom-dialog .ui-dialog-titlebar-close {	
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: -20px !important;
	right: -20px !important;
	height: 36px !important;
	width: 36px !important;
}

.custom-dialog .ui-widget-header .ui-icon-closethick {
	background: transparent url(../images/close.png) center center no-repeat !important;
	height: 36px !important;
	width: 36px !important;
}

.custom-dialog .ui-dialog-title {  
   font-size: 1.2em;
   text-transform: uppercase;
}

.custom-dialog .ui-widget-header .ui-state-hover {
	background: none !important;
	border: none !important;
}

.ui-widget-overlay {
	opacity: 0.7 !important;
}

/* @END GROUP Override the modal layout */

input.graytext {
    color: gray;    
}

#treatmentHistory {
	width: 300px;
	border: 1px solid #BBB;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	padding: 20px;
}

#treatmentHistory ul {
	list-style: none;
	margin: 0 0 15px 0px;
	padding: 0px;
}

#treatmentHistory ul li {
	color: #111;
	font-weight: bold;
	padding: 0 0 10px 15px;
}

#treatmentHistory ul li.header {
	border-bottom: 1px solid #DDDDDD;
	color: #3B87C5;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-transform: uppercase;
}

#treatmentHistory ul li ul {
	margin: 5px 0 0 40px;
}

#treatmentHistory ul li ul li {
	font-weight: normal;
	color: #666;
	padding: 0 0 5px 15px;
}

.total-label {
    color: red;
    font-weight: bold;
}

.total-value {
    color: red;
    font-weight: bold;
    font-size: 15px;
}

/* ppdong 2010-04-07: Report title */
.report-tittle {
	font-size: 20px; 
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase
}

/* Grid Report table */
/* @Diep: update CSS */
table.grid-report {
	padding: 0;
	margin: 0;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: none;
}

/* @Diep: update CSS */
table.grid-report  th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #01155C;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	text-align: left;
	padding: 8px 5px;
	height: 17px;
	background: #E7E7E7 url(../images/tbl_header.png) top left repeat-x;
	text-transform: uppercase; 
}

table.grid-report th.last { 
    border-right: none; 
}

table.grid-report th.header { 
    cursor: pointer; 
}

table.grid-report th.headerSortUp { 
    background: #CCCCCC url(../images/asc.png) top right no-repeat !important;
}

table.grid-report th.headerSortDown { 
    background: #CCCCCC url(../images/desc.png) top right no-repeat !important;
} 

table.grid-report td {
	border-bottom: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	background-color: #FEFEFE;
	padding: 9px 5px;
	color: #333;
	font-size: 11px;
}

table.grid-report td.order {
	border-bottom: 1px solid #D0D0D0;
	background: #EEE;
	padding: 10px 5px;
	color: #333;
	font-size: 11px;
}

table.grid-report td.last { 
    border-right: none; 
}

table.grid-report tr.last td {
	border-bottom: 1px solid #BBB;
}

table.grid-report tr.footer td {
	border-right: none;
}

table.grid-report tr:hover td {
	/*background-color: #DDD;*/
}

table.grid-report td a {
	color: green;
	text-decoration: none;
}

table.grid-report a:hover {
	color: #0635FF;
}

table td.field-number {
    text-align: right !important;
}

table td.field-money {
    text-align: right !important;
    font-weight: bold;
}

/* @GROUP Admin Widget*/
.admin-widget {
	font-size: 11px;
	background-color: #FBFBFB;
	border: 1px solid #CCC;
	min-height: 220px;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
}

.admin-widget-title {
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
	padding: 0 10px;
	font-weight: bold;
	background-color: #F8F8F8;
	border-bottom: 1px solid #DDD;
}

.admin-widget-content {
	padding: 10px;
	border-top: 1px solid #FEFEFE;
}

.admin-widget-content ul {
	list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
}

.admin-widget-content ul li {
	padding: 0 0 10px 0;
}

.admin-widget-content ul li a {
	color: #555;
	text-decoration: none;
}

.admin-widget-content ul li a:hover {
	color: #111;
}
/* @END GROUP Admin Widget*/

.module-loading {
    background: url(../images/ajax-loader-bar.gif) center right no-repeat;
    width: 100px;
    float: right;
    height: 25px;
    display: none;
}